<template>
  <van-tabbar v-model="active" active-color="#ff4400" class="flex-block relative">
    <van-tabbar-item icon="home-o" :to="'/'">主页</van-tabbar-item>
    <van-tabbar-item icon="setting-o" :to="'/setting'">设置</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  name: "tab-bar",
  props: {
    activeIndex: Number
  },
  data: function () {
    return {
      active: this.activeIndex
    }
  }
}
</script>
